﻿<!DOCTYPE html>
<html>

<head>
	<title>特产</title>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/weui.min.css">
	<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/weui.css">
	<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/shop/css/reset.css"/>
	<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/style.css">
	<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_400457_vapvxk8ci8uxr.css"/>
	<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/shop/css/font-icon.css"/>
	<style type="text/css">
		.content{width: 100%;height: auto;max-width: 750px;margin: 0 auto;}
		.pic img{width: 44px;height: 42px;}
	</style>
</head>

<body>
<div class="content">
	<div class="shop-0">
		<div class="xw_90">
			<a href="{:url('index')}">
				<i class="iconfont icon-fanhui zuo bai font_20"></i>
			</a>
			<h2 class="neilian">特产</h2>
			<a href="{:url('index/index')}">
				<i class="iconfont icon-shouye you bai font_20"></i>
			</a>
		</div>
	</div>
	<!--顶部搜索-->
	<header class='weui-header'>
		<div class="weui-search-bar" id="searchBar">
			<form class="weui-search-bar__form">
				<div class="weui-search-bar__box">

					<input type="search" class="weui-search-bar__input" id="serch" placeholder="请输入关键词">

				</div>

			</form>

		</div>

	</header>
	<!--主体-->
	<div class='weui-content'>
		<!--顶部轮播-->
		<div class="swiper-container swiper-banner">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-lunbo2.png" /></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-lunbo.png" /></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-lunbo2.png" /></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-lunbo.png" /></a>
				</div>
			</div>

		</div>
		<!--图标分类-->
		<div class="weui-flex wy-iconlist-box">
			<div class="weui-flex__item">
				<a href="chanpin-LB.html" class="wy-links-iconlist">
					<div class="pic"><img src="{:_SKIN}/weixin/shop/imgs/img/19.png"></div>
					<p>特产商家</p>
				</a>
			</div>
			<div class="weui-flex__item">
				<a href="chanpin-LB.html" class="wy-links-iconlist">
					<div class="pic"><img src="{:_SKIN}/weixin/shop/imgs/img/20.png"></div>
					<p>特产商品</p>
				</a>
			</div>
			<div class="weui-flex__item">
				<a href="#" class="wy-links-iconlist">
					<div class="pic"><img src="{:_SKIN}/weixin/shop/imgs/img/21.png"></div>
					<p>地标产品</p>
				</a>
			</div>
			<div class="weui-flex__item">
				<a href="#" class="wy-links-iconlist">
					<div class="pic"><img src="{:_SKIN}/weixin/shop/imgs/img/18.png"></div>
					<p>跨境专区</p>
				</a>
			</div>
		</div>
		<!--精选推荐-->
		<div class="wy-Module">
			<div class="wy-Module-tit"><span>产品推荐</span></div>
			<div class="wy-Module-con">
				<div class="swiper-container swiper-jingxuan" style="padding-top:34px;">
					<div class="swiper-wrapper">

						{volist name="list" id="v"}
						<div class="swiper-slide">
							<a href="{:url('product',['id'=>$v['ID']])}"><img src="{$v.DefaultImage}"  style="border-radius: 10px;" /></a>
						</div>

						{/volist}
					</div>

				</div>
			</div>
		</div>
		<!--酒水专场-->
		<!--<div class="wy-Module">
			<div class="wy-Module-tit"><span>最新上架</span></div>
			<div class="wy-Module-con">
				<div class="swiper-container swiper-jiushui" style="padding-top:34px;">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-1.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-2.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-3.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-4.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-5.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-6.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-1.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-2.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-3.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-4.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-5.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-6.png" /></a>
						</div><div class="swiper-slide">
						<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-1.png" /></a>
					</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-2.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-3.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-4.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-5.png" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="{:_SKIN}/weixin/shop/img/techan-6.png" /></a>
						</div>
					</div>

				</div>
			</div>
		</div>-->
		<!--猜你喜欢-->
		<div class="wy-Module">
			<div class="wy-Module-tit-line"><span>猜你喜欢</span></div>
			<div class="wy-Module-con">
				<ul class="wy-pro-list clear">

					{volist name="list" id="v"}
					<li>
						<a href="{:Url('product',['id'=>$v['ID']])}">
							<div class="proimg"><img src="{$v.DefaultImage}"></div>
							<div class="protxt">
								<h3 class="huihui font-15 ppp">{$v.Name}</h3>
								<div class="mt_5">
									<i class="iconfont icon-ruhegoumai goumai"></i>
									<span class="hui font-8">
											20
										</span>
									<i class="iconfont icon-huaban shoucang mt-zuo_10"></i>
									<span class="hui font-8">
											100
										</span>
								</div>
								<div class="name mt_5">{$v.Business}</div>
								<div class="wy-pro-pri mt_5">
									¥<span style="font-size: 16px;">296.00</span>
									<span class="hui you" style="font-size: 12px;" >库存：435</span>

								</div>
							</div>
						</a>
					</li>
					{/volist}


				</ul>
				<div class="morelinks">
					<a href="chanpin-LB.html">查看更多</a>
				</div>
			</div>
		</div>
	</div>

	<!--底部导航-->
	<div class="foot-black"></div>
	<div class="shop-1">
		<ul>
			<a href="#">
				<li>
					<i class="iconfont icon-shouye font_24 active"></i>
					<p class="active font-12 mt-5">特产首页</p>
				</li>
			</a>
			<a href="#">
				<li>
					<i class="iconfont icon-fenlei font_24"></i>
					<p class="font-12 mt-5">分类</p>
				</li>
			</a>
			<a href="#">
				<li>
					<i class="iconfont icon-shouye2 font_24"></i>
					<p class="font-12 mt-5">购物车</p>
				</li>
			</a>
			<a href="#">
				<li>
					<i class="iconfont icon-wode font_24"></i>
					<p class="font-12 mt-5">我的</p>
				</li>
			</a>
		</ul>
	</div>

</div>
<script src="{:_SKIN}/weixin/shop/js/jquery-2.1.4.js"></script>
<script src="{:_SKIN}/weixin/shop/js/fastclick.js"></script>
<script src="{:_SKIN}/weixin/shop/js/jquery-weui.js" ></script>
<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>

<script src="{:_SKIN}/weixin/shop/js/swiper.js"></script>
<script>
    $(".swiper-banner").swiper({
        loop: true,
        autoplay: 3000
    });
    $(".swiper-news").swiper({
        loop: true,
        direction: 'vertical',
        paginationHide: true,
        autoplay: 30000
    });
    $(".swiper-jingxuan").swiper({
        pagination: '.swiper-pagination',
        loop: true,
        paginationType: 'fraction',
        slidesPerView: 3,
        paginationClickable: true,
        spaceBetween: 2
    });
    $(".swiper-jiushui").swiper({
        pagination: '.swiper-pagination',
        paginationType: 'fraction',
        loop: true,
        slidesPerView: 3,
        slidesPerColumn: 2,
        paginationClickable: true,
        spaceBetween: 2
    });
</script>
</body>

</html>